<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
       /*span~a{*/
           /*color: tomato;*/
        /*}*/
        /*a[href]{*/
            /*color: green;*/
        /*}*/
        /*a[href='http://www.taobao.com']{*/
            /*color: lightpink;*/
        /*}*/
        /*input[type='text']{*/
            /*background-color: lightblue;*/
        /*}*/
        /*ul,ol,span{*/
            /*background-color: gainsboro;*/
        /*}*/
        div.box1.box2{
            background-color: red;
            width: 200px;
            height: 200px;
        }
    </style>
</head>
<body>
    <!--<div>-->
        <!--我是div标签的content-->
        <!--<span>西红柿色1</span>-->
        <!--<p>-->
            <!--在div-p标签中-->
           <!--<span>西红柿色2</span>-->
        <!--</p>-->
    <!--</div>-->
    <!--<span>我只是一个单纯的span标签</span>-->
    <!--<div>-->
        <!--<a href="http://www.taobao.com">我是a0标签</a>-->
        <!--<span>span标签</span>-->
        <!--<a href="http://www.jd.com">我是a1标签</a>-->
        <!--<a href="http://www.mi.com">我是a2标签</a>-->
        <!--<a>没有href属性</a>-->
    <!--</div>-->
    <!--<input type="text">-->
    <!--<input type="password">-->

    <!--<ul>-->
        <!--<li>u-first</li>-->
    <!--</ul>-->
   <!--<ol>-->
        <!--<li>o-first</li>-->
    <!--</ol>-->

    <div class="box1 box2">box1box2</div>
    <div class="box1">box1</div>
    <div>aaa</div>
    <span class="box1">span标签</span>
</body>
</html>